<template>
    <div class="head">
	      <div class="logo"></div>
	      <div class="title">{{htitle}}</div>
	      <div class="time">{{ dateFunction }}</div>
   </div>
</template>
<script>
export default{
	props:['htitle','date'],
	methods:{
		
	},
	computed:{
		dateFunction (){
			 this.date
			 var today = new Date(this.date),
			     year = today.getFullYear() +'年',
			     month = today.getMonth()+1 +'月',
			     day = today.getDate()+'日',

			 
			     hour =today.getHours()+':',
			     minu = today.getMinutes(),
			     weeks = ['日','一','二','三','四','五','六'],
			     week = today.getDay(),
			     wek = '星期'+weeks[week];
			 return year+month+day+hour+minu+wek;
			}
	}

}
</script>

<style scoped>
.head{
	width:1920px;
	height:70px;
	position:relative;
	border-bottom:1px solid #606175;
}
	
.head .title{
	width:200px;
	height:70px;
	line-height:70px;
	text-align:center;
	margin:0 auto;
	font-size:30px;
	color:#fff;
}
		
.head .logo{
	width:190px;
	height:44px;
	position:absolute;
	top:13px;
	left:30px;
	background:url('../assets/logo.png');
}
		
.head .time{
	width:330px;
	height:44px;
	line-height:44px;
	position:absolute;
	top:13px;
	right:30px;
	/*background:red;*/
	color:#fff;
	font-size:24px;
}
		
</style>